{include file='layout/header'}
<!-- START SLIDER -->
<div id="slider" class="thumbnails group inner">
    <div class="showcase group">

        <div class="showcase-slide">
            <div class="showcase-content">
                <!-- If the slide contains multiple elements you should wrap them in a div with the class
                    .showcase-content-wrapper. We usually wrap even if there is only one element,
                    because it looks better. -->
                <div class="showcase-content-wrapper">
                    <img src="__STATIC__/index/images/slider-thumbnails/001.jpg" width="1920" height="380" alt="A fresh &amp; clean design" />
                </div>
            </div>
            <div class="showcase-thumbnail">
                <img src="__STATIC__/index/images/slider-thumbnails/001-228x100.jpg" />
            </div>
            <div class="showcase-text">
                <h2>A fresh & clean design</h2>
                <p>
                <p>another nice WordPress Theme designed by YIW</p>
                </p>
            </div>
        </div>

        <div class="showcase-slide">
            <div class="showcase-content">
                <div class="showcase-content-wrapper">
                    <img src="__STATIC__/index/images/slider-thumbnails/0022.jpg" width="1920" height="364" alt="Vintage. Sensual." />
                </div>
            </div>
            <div class="showcase-thumbnail">
                <img src="__STATIC__/index/images/slider-thumbnails/0022-228x100.jpg" />
            </div>
            <div class="showcase-text">
                <h2>Vintage. Sensual.</h2>
                <p>
                <p>a great slider for your content</p>
                </p>
            </div>
        </div>

        <div class="showcase-slide">
            <div class="showcase-content">
                <div class="showcase-content-wrapper">
                    <img src="__STATIC__/index/images/slider-thumbnails/003.jpg" width="1920" height="380" alt="M&egrave;mento style." />
                </div>
            </div>
            <div class="showcase-thumbnail">
                <img src="__STATIC__/index/images/slider-thumbnails/003-228x100.jpg" />
            </div>
            <div class="showcase-text">
                <h2>Mèmento style.</h2>
                <p>
                <p>Love this fresh wordpress theme</p>
                </p>
            </div>
        </div>

        <div class="showcase-slide">
            <div class="showcase-content">
                <div class="showcase-content-wrapper">
                    <img src="__STATIC__/index/images/slider-thumbnails/02.jpg" width="1920" height="380" alt="Lovely Theme" />
                </div>
            </div>
            <div class="showcase-thumbnail">
                <img src="__STATIC__/index/images/slider-thumbnails/02-228x100.jpg" />
            </div>
            <div class="showcase-text">
                <h2>Lovely Theme</h2>
                <p>
                <p>a sensual feminine image</p>
                </p>
            </div>
        </div>

        <div class="showcase-slide">
            <div class="showcase-content">
                <div class="showcase-content-wrapper">
                    <img src="__STATIC__/index/images/slider-thumbnails/01.jpg" width="1920" height="380" alt="Wow. Love it." />
                </div>
            </div>
            <div class="showcase-thumbnail">
                <img src="__STATIC__/index/images/slider-thumbnails/01-228x100.jpg" />
            </div>
            <div class="showcase-text">
                <h2>Wow. Love it.</h2>
                <p>
                <p>a creative corporate theme</p>
                </p>
            </div>
        </div>

    </div>
</div>
<!-- END SLIDER -->
<script type="text/javascript">
    var		yiw_slider_type = 'thumbnails',
            yiw_slider_thumbnails_fx = 'fade',
            yiw_slider_thumbnails_speed = 500,
            yiw_slider_thumbnails_timeout = 5000;
</script>
<!-- /SLIDER -->

<div id="primary" class="layout-sidebar-right home-section">
    <div class="inner group">
        <!-- START CONTENT -->
        <div id="content" class="group">
            <div class="page type-page status-publish hentry group">
                <h1>Welcome to Mèmento</h1>
                <p>am dignissim molestie libero, ac sodales nulla congue a. Nulla egestas imperdiet nibh, sit amet euismod erat porttitor id. In non pulvinar sapien. Ut in tristique leo. Morbi vitae sollicitudin orci. Suspendisse potenti. In hac habitasse platea dictumst. Nam rhoncus euismod nibh vitae vehicula.</p>
                <h5>&#8230;another corporate home page for your site</h5>
                <p>In lobortis urna sed ante vehicula faucibus. Aliquam interdum interdum nulla, nec dictum dui sodales vel. Fusce elementum dictum dolor, quis luctus lorem lobortis vitae. <a href="#">Integer et risus</a> luctus sapien egestas dignissim in ut ante. Curabitur egestas egestas dui eu laoreet.</p>
            </div>
        </div>
        <!-- END CONTENT -->
        <!-- START LATEST NEWS -->
        <div id="sidebar" class="group one-fourth last">
            <div class="widget-first widget-last widget testimonial-widget">
                <h3>Our <span>customer</span> say..</h3>
                <div class="testimonial-text">
                    <ul>
                        <li>
                            <blockquote>
                                <p>I already given a 5-star rating, but I also wanted to provide my two cents in case anyone is unsure about purchasing this theme. Not only is the theme itself very versatile and easy to manipulate, but the support we get in the forum is amazing<br /> - <strong>Joy Mergot</strong> -</p>
                            </blockquote>
                        </li>
                        <li>
                            <blockquote>
                                <p>I am absolutely thrilled with this theme! I have never built a website before but your instructions and design make it both fun and easy to do<br /> - <strong>Elisa Meis</strong> -</p>
                            </blockquote>
                        </li>
                        <li>
                            <blockquote>
                                <p>Bookmark this theme as one of your “Must Haves for 2012” This theme is without a doubt one of our Top 5 Purchases.<br /> - <strong>Ricardo Mori</strong> -</p>
                            </blockquote>
                        </li>
                    </ul>
                </div>
                <script type="text/javascript">
                    jQuery(document).ready(function($){
                        $('.testimonial-widget ul').cycle({
                            fx:'scrollLeft',

                            timeout:8000,
                            speed:300,
                            pager:'.p-testimonial'
                        });
                    });
                </script>
            </div>
        </div>
        <!-- END LATEST NEWS -->
    </div>
</div>

<div class="inner home-services home-section group">
    <h2>Our <span>services</span></h2>
    <div class="hentry-post group first">
        <div class="thumb-img"><a href="service.html"><img width="217" height="100" src="__STATIC__/index/images/services/socialmarketing-217x100.jpg" class="attachment-thumb-home-section wp-post-image" alt="socialmarketing" title="socialmarketing" /></a></div>
        <h3><a href="service.html" title="Social Marketing" class="title">Social Marketing</a></h3>
        <p>Pellentesque tincidunt, sem in auctor fringilla, dui diam aliquam felis, nec rhoncus libero magna in nisi.</p>
        <p> <a href="service.html" class="more-link">// read more ></a></p>
    </div>
    <div class="hentry-post group">
        <div class="thumb-img"><a href="service.html"><img width="217" height="100" src="__STATIC__/index/images/services/blogging-217x100.jpg" class="attachment-thumb-home-section wp-post-image" alt="blogging" title="blogging" /></a></div>
        <h3><a href="service.html" title="Professional Blogging" class="title">Professional Blogging</a></h3>
        <p>Pellentesque tincidunt, sem in auctor fringilla, dui diam aliquam felis, nec rhoncus libero magna in nisi.</p>
        <p> <a href="service.html" class="more-link">// read more ></a></p>
    </div>
    <div class="hentry-post group">
        <div class="thumb-img"><a href="service.html"><img width="217" height="100" src="__STATIC__/index/images/services/webdevelopment-217x100.jpg" class="attachment-thumb-home-section wp-post-image" alt="webdevelopment" title="webdevelopment" /></a></div>
        <h3><a href="service.html" title="Web design &amp; development" class="title">Web design &#038; development</a></h3>
        <p>Pellentesque tincidunt, sem in auctor fringilla, dui diam aliquam felis, nec rhoncus libero magna in nisi.</p>
        <p> <a href="service.html" class="more-link">// read more ></a></p>
    </div>
    <div class="hentry-post group last">
        <div class="thumb-img"><a href="service.html"><img width="217" height="100" src="__STATIC__/index/images/services/socialbusiness-217x100.jpg" class="attachment-thumb-home-section wp-post-image" alt="socialbusiness" title="socialbusiness" /></a></div>
        <h3><a href="service.html" title="Social Business" class="title">Social Business</a></h3>
        <p>Pellentesque tincidunt, sem in auctor fringilla, dui diam aliquam felis, nec rhoncus libero magna in nisi.</p>
        <p> <a href="service.html" class="more-link">// read more ></a></p>
    </div>
</div>

<div class="clear"></div>
</div>
<!-- END WRAPPER -->


<div id="footer" class="sidebar-right">
    <div class="group inner footer_row_1 footer_cols_3">

        <div class="widget-first widget recent-posts">
            <h3>From our blog</h3>
            <div class="recent-post group">

                <div class="hentry-post group">
                    <p class="post-date"><span class="day">2</span><span class="month">May</span><span class="year">2012</span></p>
                    <h3><a href="article.html" title="Another great article of the blog" class="title">Another great article of the blog</a></h3>
                    <p class="meta">
                        <span class="comments"><a href="article.html#comments" title="Comment on Another great article of the blog">2 comments</a></span><br />
                        <a href="article.html" class="read-more"></a>
                    </p>
                </div>

                <div class="hentry-post group">
                    <p class="post-date"><span class="day">30</span><span class="month">April</span><span class="year">2012</span></p>
                    <h3><a href="article.html" title="Fall in Love with M&egrave;mento theme!" class="title">Fall in Love with Mèmento theme!</a></h3>
                    <p class="meta">
                        <span class="comments"><a href="article.html#respond" title="Comment on Fall in Love with M&egrave;mento theme!">No comments</a></span><br />
                        <a href="article.html" class="read-more"></a>
                    </p>
                </div>

            </div>
        </div>

        <div class="widget widget_nav_menu">
            <h3>Custom menu</h3>
            <div class="menu-footer-menu-container">
                <ul id="menu-footer-menu" class="menu">
                    <li class="columns2"><a href="#">Blog</a></li>
                    <li class="columns2"><a href="features.html">Features</a></li>
                    <li class="columns2"><a href="#">Pages</a></li>
                    <li class="columns2"><a href="contact.html">Contact</a></li>
                    <li class="columns2"><a href="testimonials.html">Testimonials</a></li>
                    <li class="columns2"><a href="portfolio.html">Portfolio</a></li>
                    <li class="columns2"><a href="#">Sliders</a></li>
                    <li class="columns2"><a href="#">Web design blog</a></li>
                    <li class="columns2"><a href="#">Support forum</a></li>
                    <li class="columns2"><a href="#">Di&#8217;verso theme</a></li>
                    <li class="columns2"><a href="#">Sommerce theme</a></li>
                    <li class="columns2"><a href="#">Impero theme</a></li>
                    <li class="columns2"><a href="#">Kassyopea theme</a></li>
                    <li class="columns2"><a href="#">Maya theme</a></li>
                </ul>
            </div>
        </div>

        <div class="quick-contact-widget widget two-third last">
            <div class="widget-last widget quick-contact">
                <h3>Quick Contact</h3>
                <form id="contact-form-example" class="contact-form" method="post" action="sendmail.php" enctype="multipart/form-data">
                    <div class="usermessagea"></div>
                    <fieldset>
                        <ul>
                            <li class="text-field">
                                <label for="name-example">
                                    <span class="label">Name</span>
                                </label>
                                <div class="input-prepend"><span class="add-on"><i class="icon-user"></i></span><input type="text" name="name" id="name-example" class="required" value="" /></div>
                                <div class="msg-error"></div>
                            </li>
                            <li class="text-field">
                                <label for="email-example">
                                    <span class="label">Email</span>
                                </label>
                                <div class="input-prepend"><span class="add-on"><i class="icon-envelope"></i></span><input type="text" name="email" id="email-example" class="required email-validate" value="" /></div>
                                <div class="msg-error"></div>
                            </li>
                            <li class="textarea-field">
                                <label for="message-example">
                                    <span class="label">Message</span>
                                </label>
                                <div class="input-prepend"><span class="add-on"><i class="icon-pencil"></i></span><textarea name="message" id="message-example" rows="8" cols="30" class="required"></textarea></div>
                                <div class="msg-error"></div>
                            </li>
                            <li class="submit-button">
                                <input type="text" name="yiw_bot" id="yiw_bot" />
                                <input type="hidden" name="action" value="sendemail" id="action" />
                                <input type="hidden" name="yiw_referer" value="#" />
                                <input type="hidden" name="id_form" value="footer" />
                                <input type="submit" name="yiw_sendemail" value="send message" class="sendmail alignright" />
                            </li>
                        </ul>
                    </fieldset>
                </form>
                <script type="text/javascript">
                    var messages_form_footer = {
                        name: "Insert your name",
                        email: "Insert your email",
                        message: "Insert your message"
                    };
                </script>
            </div>
        </div>

    </div>
</div>

{include file='layout/footer'}